<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的志愿</title>
    <link rel="stylesheet" href="css/order.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <script src="js/remScale.js"></script>
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="wrap">
                <a href="index.html"><img src="images/public/arrow.jpg"></a>
                <h2>我的志愿</h2>
                <div class="points">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>

        <div class="content">
            <div class="user clearfix">
                <div class="touxiang">
                    <div class="pic"></div>
                    <div class="name">
                        <p class="p1">小智</p>
                        <p class="p2">V1</p>
                    </div>
                </div>
                <div class="qiandao">每日签到</div>

            </div>
            <ul class="nav">
                <li>
                    <span class="iconfont icon-dianhua"></span>
                    <p>志愿者证</p>
                </li>
                <li> <span class="iconfont icon-qianbao"></span>
                    <p>公益履历</p>
                </li>
                <li> <span class="iconfont icon-huabankaobei-"></span>
                    <p>记录证明</p>
                </li>
            </ul>
            <div class="space"></div>
            <div class="list">
                <div class="com">
                    <span class="iconfont icon-daohang icon-color"></span>
                    <span>培训时数</span>
                    <span class="iconfont icon-xiangyoujiantou"></span>
                </div>
                <div class="com">
                    <span class="iconfont icon-icon-test icon-color"></span>
                    <span>信用时数</span>
                    <span class="count">66小时</span>
                    <span class="iconfont icon-xiangyoujiantou"></span>
                </div>
                <div class="com">
                    <span class="iconfont icon-youhuiquan icon-color"></span>
                    <span>荣誉时数</span>
                    <span class="iconfont icon-xiangyoujiantou"></span>
                </div>
                <div class="com">
                    <span class="iconfont icon-ico icon-color"></span>
                    <span>公益益币</span>
                    <span class="iconfont icon-xiangyoujiantou"></span>
                </div>
                <div class="com">
                    <span class="iconfont icon-renyuan icon-color"></span>
                    <span>我的小伙伴</span>
                    <span class="iconfont icon-xiangyoujiantou"></span>
                </div>

            </div>


        </div>
    </div>
    <!--页脚-->
    <div class="fixed-menu">
        <div class="con">
            <nav class="nav">
                <a href="index.html">
                    <i></i>首页
                </a>
                <a href="#">
                    <i></i>记录
                </a>
                <a href="#">
                    <i></i>我的
                </a>
            </nav>
        </div>
    </div>

</body>

</html>
